<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"/>
    <meta name="keywords" content="Web前端，F2E，Web前端个人简历，前端开发"/>
    <meta name="description" content="吴华锦的Web前端工程师个人简历">
    <title>Web前端工程师|吴华锦</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/jquery.fullPage.css"/>
    <link rel="stylesheet" href="css/component.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="shortcut icon" href="favicon.png">
</head>
<body>
<!-- header navigation -->
<header>
    <div id="logo">
        <div id="header_img"><img src="image/favicon.png" alt=""/></div>
        <div id="header_p">
            <p id="header_p1">F2E</p>
            <p id="header_p2">个人简历</p>
        </div>
    </div>
    <nav>
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="https://whjin.github.io/">返回</a></li>
        </ul>
    </nav>
</header>
<!-- header navigation end -->
<!-- aside navigation -->
<aside>
    <a href="#page1"><b>首页</b></a>
    <a href="#page2"><b>关于我</b></a>
    <a href="#page3"><b>专业技能</b></a>
    <a href="#page4"><b>我的经历</b></a>
    <a href="#page5"><b>我的作品</b></a>
    <a href="#page6"><b>联系我</b></a>
</aside>
<!-- aside navigation end -->
<!-- home page -->
<div id="dowebok">
    <!-- home -->
    <div class="section one">
        <div id="home">
            <div id="home_content">
                <div id="home_head">
                    <div id="home_head_content">
                        <img src="image/photo1.png" id="home_photo1" alt=""/>
                    </div>
                </div>
                <div id="home_info">
                    <p id="home_info1">雅致寓于高阁渔舟唱晚，古典悠然；格调外发园林绿树萦绕，馥郁清香。</p>
                    <div id="home_info_box">
                        <p id="home_info2">我叫吴华锦</p>
                        <p id="home_info3">27岁</p>
                        <p id="home_info4">前端研发工程师</p>
                        <p id="home_info5">wuhuajin09@163.com</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- home end -->
    <!-- about -->
    <div class="section two">
        <div id="about">
            <div id="about_content">
                <div class="title">
                    <h1>关于我</h1>
                </div>
                <div id="about_list_content">
                    <div class="about_list" id="about_list1">
                        <div class="about_list_eg" id="about_en_edu">education</div>
                        <div class="about_list_cn" id="about_cn_edu">学历<p>本科</p></div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_age">age</div>
                        <div class="about_list_cn" id="about_cn_age">年龄<p>27岁</p></div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_loc">location</div>
                        <div class="about_list_cn" id="about_cn_loc">坐标<p>深圳</p></div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_sta">status</div>
                        <div class="about_list_cn" id="about_cn_sta">状态<p>求职</p></div>
                    </div>
                </div>
                <div id="about_info">
                </div>
            </div>
        </div>
    </div>
    <!-- about end -->
    <!-- skill -->
    <div class="section three">
        <div id="skill">
            <div id="skill_content">
                <div class="title">
                    <h1>专业技能</h1>
                </div>
                <div id="skill_info">
                </div>
                <div id="skill_list">
                    <div class="skill_list_content" id="skill_list1">
                        <div class="skill_icon" id="skill_icon1"></div>
                        <div class="skill_name">AngularJs</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int1">
                        </div>
                    </div>
                    <div class="skill_list_content" id="skill_list2">
                        <div class="skill_icon" id="skill_icon2"></div>
                        <div class="skill_name">HTML</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int2">
                        </div>
                    </div>
                    <div class="skill_list_content" id="skill_list3">
                        <div class="skill_icon" id="skill_icon3"></div>
                        <div class="skill_name">CSS</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int3">
                        </div>
                    </div>
                    <div class="skill_list_content" id="skill_list4">
                        <div class="skill_icon" id="skill_icon4"></div>
                        <div class="skill_name">JavaScript</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int4">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- skill end -->
    <!-- experience -->
    <div class="section four">
        <div id="exp">
            <div id="exp_content">
                <div class="title">
                    <h1>我的经历</h1>
                </div>
                <div id="exp_info" class="exp_scale">
                </div>
                <div id="exp_list_slider">
                    <div id="exp_list_slider_content" class="exp_scale">
                        <div id="exp_list_content">
                            <div class="exp_list">
                                <div class="exp_list_left">
                                    <div id="exp_list_left1">
                                        <dl>
                                            <dt>联想</dt>
                                            <dd class="exp_list_time">2011年5月~2012年3月</dd>
                                            <dd>技术支持</dd>
                                            <dd>设计促销海报，个人PC导购，软硬件问题维修</dd>
                                            <dd>负责微博、微信等新媒体创意撰写，营销和推广</dd>
                                            <dd>获得<a href="#" class="md-trigger" data-modal="modal-1">优秀实习生，内推资格</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="exp_list">
                                <div class="exp_list_left">
                                    <div id="exp_list_left2">
                                        <dl>
                                            <dt>康佳</dt>
                                            <dd class="exp_list_time">2012年7月~2012年9月</dd>
                                            <dd>生产管理部</dd>
                                            <dd>参与各项产线工种，熟悉整体生产流程</dd>
                                            <dd>优化电路板安装测试流程</dd>
                                            <dd>减少安装失误率以及连通性失效</dd>
                                            <dd>提高整机检测效率</dd>
                                            <dd>获得<a href="#" class="md-trigger" data-modal="modal-1">优秀实习生</a></dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="exp_list">
                                <div class="exp_list_left">
                                    <div id="exp_list_left3">
                                        <dl>
                                            <dt>共济科技</dt>
                                            <dd class="exp_list_time">2013年7月~2016年4月</dd>
                                            <dd>组态设计|项目助理</dd>
                                            <dd>优化设计流程，统一设计标准</dd>
                                            <dd>提升各部门以及工程相关人员的沟通效率，较少各项重复工作</dd>
                                            <dd>极大缓解售后服务压力及节约软硬件资源，提升公司的品牌</dd>
                                            <dd>提高交付率和工程效率达30%以上，客户满意率提高15%</dd>
                                            <dd>获得<a href="#" class="md-trigger" data-modal="modal-1">优秀员工|优秀项目奖</a></dd>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="exp_list_to">
                            <div id="exp_list_toleft"><img src="image/exp_list_toleft.png"/></div>
                            <div id="exp_list_toright"><img src="image/exp_list_toright.png"/></div>
                        </div>
                    </div>
                    <div id="exp_timeline" class="exp_scale">
                        <div>
                            <a href="#" title="2011年5月~2012年2月"></a>
                            <a href="#" title="2012年7月~2012年9月"></a>
                            <a href="#" title="2013年7月~2016年4月"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- experience end -->
    <!-- demo -->
    <div class="section five">
        <div id="demo">
            <div id="demo_content">
                <div class="title">
                    <h1>我的作品</h1>
                </div>
                <div id="demo_content_list">
                    <ul class="demo_box">
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">DEMO:DOM编程艺术</p>
                                    <span class="demo_box_hover_icon">
                                        <a href="demo/js原生demo/index.html" target="_blank" class="demo_box_link">
                                            <img src="image/demo-link.png" alt=""/>
                                        </a>
                                    </span>
                                </div>
                                <img src="image/demo_box1.jpg" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">乾程企业</p>
                                    <span class="demo_box_hover_icon">
										<a href="http://www.sctyqc.cn/index.html" target="_blank" class="demo_box_link">
											<img src="image/demo-link.png" alt=""/>
										</a>
									</span>
                                </div>
                                <img src="image/demo_box2.jpg" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">卓煌企业</p>
                                    <span class="demo_box_hover_icon">
                                    	<a href="http://www.sczhuohuang.com" target="_blank" class="demo_box_link">
											<img src="image/demo-link.png" alt=""/>
                                        </a>
                                    </span>
                                </div>
                                <img src="image/demo_box3.jpg" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">兰途科技</p>
                                    <span class="demo_box_hover_icon">
                                    	<a href="http://www.lantunet.com" target="_blank" class="demo_box_link">
											<img src="image/demo-link.png" alt=""/>
                                        </a>
                                    </span>
                                </div>
                                <img src="image/demo_box4.jpg" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="demo_info" class="demo_scale">
                    <p>这是我的部分demo。</p>
                    <p>更多demo请移步<a href="#" class="md-trigger" data-modal="modal-3">这里</a>。</p>
                    <p>也可光临我的博客<a href="http://wuhuajin.github.io/" target="_blank">锦字华年</a>。</p>
                </div>
            </div>
        </div>
    </div>
    <!-- demo end -->
    <!-- contact -->
    <div class="section six">
        <div id="contact">
            <div id="contact_content">
                <div class="title">
                    <h1>联系我</h1>
                </div>
                <div id="contact_head">
                    <div id="contact_head1">灵感 代码 梦想 未来</div>
                    <div id="contact_head2">
                        <span>inspiration</span>
                        <span>code</span>
                        <span>dream</span>
                        <span>future</span>
                    </div>
                </div>
                <div id="contact_info" class="contact_scale">
                    <ul></ul>
                </div>
            </div>
            <footer class="contact_scale">
                <div class="contact_scale footer">
                    <a href="http://weibo.com/boyatazhizi" target="_blank">微博</a>|
                    <a href="https://www.zhihu.com/people/whjin" target="_blank">知乎</a>|
                    <a href="https://github.com/whjin" target="_blank">Github</a>
                </div>
                <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
                <div class="contact_scale footer">
                    Copyright &copy; 2015 - <script type="text/javascript">document.write(new Date().getFullYear());</script> <a href="https://whjin.github.io/" target="_blank">华锦
                </a>&nbsp;|&nbsp;
                    <span id="busuanzi_container_site_pv">
                        访问量 <a href="http://service.ibruce.info/" target="_blank">
                        <span id="busuanzi_value_site_pv"></span></a> 次
                    </span>
                    <span id="busuanzi_container_site_uv">
                        <a href="http://service.ibruce.info/" target="_blank"><span id="busuanzi_value_site_uv"></span></a> 人
                    </span>
                </div>
            </footer>
        </div>
    </div>
    <!-- contact end -->
</div>
<!-- home page end -->
<!-- pop layer -->
<div class="md-modal md-effect-11" id="modal-1">
    <div class="md-content">
        <h3>小黄人O(∩_∩)O~</h3>
        <div>
            <img src="image/Minions.jpg" alt=""/>
            <button class="md-close">明白了</button>
        </div>
    </div>
</div>
<div class="md-modal md-effect-11" id="modal-3">
    <div class="md-content">
        <h3>Github</h3>
        <div class="modal-example">
            <p>已上线</p>
            <ul>
                <li><span><a href="https://github.com/whjin" target="_blank">Github</a></span></li>
            </ul>
            <p><a href="https://whjin.github.io/" target="_blank"></a></p>
            <button class="md-close">明白了</button>
        </div>
    </div>
</div>
<div class="md-overlay"></div>
<!-- pop layer -->
</body>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cssParser.js"></script>
<script src="js/modalEffects.js"></script>
<script src="js/index.js"></script>
</html>